@charset 'UTF-8';
.slick-loading .slick-list{background:#fff url(ajax-loader.gif) center center no-repeat;}
@font-face{font-weight:400;font-style:normal;font-family:slick;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg');}
.slick-arrow{width:50px;height:50px;position:absolute;top:50%;display:block;outline:0;border:none;background:0 0;color:transparent;font-size:0;line-height:0;cursor:pointer;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);-ms-transform:translate(0,-50%); background-color: #6da62c; border-radius: 100%; z-index: 10}
.slick-arrow:focus,
.slick-arrow:hover{outline:0;background:#eee;}
.slick-arrow:focus:before,
.slick-arrow:hover:before{opacity:1;}
.slick-arrow.slick-disabled:before{opacity:.25;}
.slick-arrow:before{ content: ''; position: absolute; margin:auto; width:40px; height:40px; left: 0; right: 0; top: 0; bottom: 0; background: no-repeat left center; transition: 0.5s}
.slick-prev{left:0px;}
.slick-prev:before{background-image: url(slick-prev.png)}
.slick-next{right:0px;}
.slick-next:before{background-image: url(slick-next.png)}
.slick-arrow:hover:before{ background-position: right center}

.slick-dots{display:block;margin:0;padding:2% 0;width:100%;list-style:none;text-align:center;}
.slick-dots li{position:relative;display:inline-block;margin:0 8px;padding:0;height:20px;min-width:20px;cursor:pointer;}
.slick-dots li button{display:block;padding:0px;width:16px;height:16px;outline:0;border:0; border:solid 3px #6ea72d; opacity: 0.5; border-radius:10px;;font-size:0;line-height:0;cursor:pointer;}
.slick-dots li.slick-active button{ background:#6ea72d;opacity:1;}

.item{ position: relative}
.item .pic{ position: relative}
.item video{ position: absolute; width: 100%; height: 100%; object-fit: cover; top:0}
.arrows_dots{ position: relative}

.line_slick[rel=absolute]{ position: absolute; left: 0; bottom:2%; }
.line_slick[rel=relative]{position: relative}
.line_slick{ width: 100%; height: 4px; background: #ddd;}
.line_slick i{ position: absolute; width: 0;height: 100%; background: #ff0000; transition: width 0.5s}

@media(max-width:768px){
.slick-arrow{width:40px;height:40px}
}